.b_legal-hero
{
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 0px 50px;
	align-items: flex-start;
	gap: 26px;
	position: relative;

	h1, .h1
	{
		font-family: Jost;
		font-size: 48px;
		font-weight: 400;
		font-style: normal;
		color: #FFF;
		line-height: 48px /* 100% */;
	}

	p, .p
	{
		font-family: "Instrument Sans";
		font-size: 14px;
		font-weight: 500;
		font-style: italic;
		color: #DFDFDF;
		line-height: 20px /* 143% */;
		letter-spacing: 0.02em;
	}

	h1.heading-2
	{
		align-self: stretch;
		order: 0;
	}

	.date-2
	{
		align-self: stretch;
		order: 1;
	}

	@media (min-width: 1440px)
	{
		width: 100%;
		padding: 0px 170px;
		gap: 30px;

		.heading-2
		{
			width: 702px;
			font-size: 60px;
			line-height: 64px /* 107% */;
			align-self: initial;
		}

		.date-2
		{
			color: #FFF;
		}
	}
}